@charset 'utf-8';
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.header {
    display: block;
    width: 1130px;
    height: 98px;
    margin: 0 auto;
    text-align: center;
    .logo {
        float: left;
        display: block;
        width: 200px;
        height: 98px;
        background: url(https://account.xiaomi.com/static/res/7f6f2f5/account-static/respassport/acc-2014/img/mistore_logo.png) no-repeat;
        background-position: 50%;
    }
}
/* 中间部分开始 */

.middle {
    position: relative;
    height: 588px;
    background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72644d9b8031286de3cc74e151aefd90.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    .user {
        position: absolute;
        top: 35px;
        right: 50px;
        width: 410px;
        height: 556px;
        background-color: white;
        .user_header {
            height: 82px;
            text-align: center;
            line-height: 82px;
            a {
                padding: 27px 0 24px;
                text-align: center;
                font-size: 24px;
                color: #666;
                &:hover {
                    color: #FF6700;
                }
            }
            .line {
                width: 1px;
                height: 24px;
                margin: 0 35px 0 42px;
                border: 1px solid #e0e0e0;
                background: #e0e0e0;
            }
        }
        .user_middle {
            .username,#password {
                color: #686868;
                width: 306px;
                height: 25px;
                border: 1px solid #e0e0e0;
                padding: 13px 16px 13px 14px;
                margin: 0 0 20px 35px;
            }
        }
    }
}




.sub {
    display: block;
    width: 338px;
    height: 50px;
    background-color: #FF6700;
    margin: 0 0 15px 35px;
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: none;
}

.user_middle-li1{
    width: 308px;
    padding-bottom: 20px;
    margin: 0 0 0 45px;
    font-size: 14px;
    text-align: center;
    a {
        color: #FF6700;
    }
}
.user_middle-li2 {
    width: 308px;
    padding-bottom: 20px;
    margin: 0 0 0 45px;
    font-size: 14px;
    text-align: center;
    a {
        color: #757575;
        &:hover{
            color: #FF6700;
        }
    }
}



.user_footer img {
    margin: 80px 0 0 80px;
}

.footer {
    display: block;
    height: 30px;
    margin: 100px 0 0 600px;
    li {
        float: left;
        a, span {
            color: #757575;
            font-size: 14px;
        }
        a{
            display: inline-block;
            height: 19px;
            padding: 0 10px;
            text-align: center;
            &:hover {
                color: #FF6700;
            }
        }
    }
    
}
